<template>

<!--  备注 -->

  <div class="remarks-index">
    <order-module-title title="备注"/>

    <div class="remarks-body">
      <el-input
          type="textarea"
          placeholder="请输入内容"
          v-model="data"
          maxlength="255"
          show-word-limit
      >
      </el-input>
    </div>
  </div>
</template>

<script>
import OrderModuleTitle from "@/components/order/component/OrderModuleTitle";
export default {
  name: "RemarksIndex",
  components:{
    OrderModuleTitle,
  },
  props:{
    info: String,
  },
  data(){
    return {
      data: '',
    }
  },
  watch:{
    info: function (newValue,oldValue){
      if(newValue !== undefined){
        this.data = newValue
      }
    }

  }

}
</script>

<style scoped lang="scss">

.remarks-body{
  margin-top: 10px;
  width: 80%;
  border: 1px black solid;
  border-radius: 5px;
}

</style>